html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	background-color: gray;
}

p.wuerfel {
	width: 50px;
	height: 50px;
}

p.copy {
	font-weight: bold;
	font-size: 10px;
}

img.figur {
	visibility: hidden;
	width: 8%;
	height: 8%;
	position: absolute;
	margin: -6px 0px 0px -11px;
}
img.spieler {
	width: 50px;
	height: 50px;
}

div.spiel {
	float: left;
	position: relative;
	display: inline-block;
	left: 0px;
	top: 0px;
	width: 550px;
	height: 550px; 
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

em {
	font-weight: normal;
}

div.rechts {
	float: left;
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px 10px;
	padding: 5px 5px 5px 5px;
	border: 2px outset #000;
	border-radius: 10px;
}

textarea {
	width: 350px;
	height: 170px;
	color: #000;
}

input.chateingabe {
	width: 350px;
}

.spiel div {
	width: 8.65%;
	height: 8.65%;
	float: left;
	margin: 0.2% 0.2% 0.2% 0.2%;
}

.spiel div.name {
	float: none;
	display: inline;
	visibility: hidden;
	position: absolute;
	margin: -6px 0px 0px -11px;
	font-family: Arial;
	width: 17.3%;
	height: 8.65%;
	text-align: center;
}

.spiel div.hausRot {
	background-color: #FF0000;
}

.spiel div.hausGruen {
	background-color: #00AA00;
}

.spiel div.hausBlau {
	background-color: #0000FF;
}

.spiel div.hausGelb {
	background-color: #FFAE00;
}

.spiel div.spielfeld {
	border-radius: 50%;
	background-color: #FFF;
}

.spiel div.startfeldRot {
	background-color: #FF0000;
	border-radius: 50%;
}

.spiel div.zielfeldRot {
	background-color: #FF0000;
	border-radius: 25%;
}

.spiel div.startfeldGruen {
	background-color: #00AA00;
	border-radius: 50%;
}

.spiel div.zielfeldGruen {
	background-color: #00AA00;
	border-radius: 25%;
}

.spiel div.startfeldGelb {
	background-color: #FFAE00;
	border-radius: 50%;
}

.spiel div.zielfeldGelb {
	background-color: #FFAE00;
	border-radius: 25%;
}

.spiel div.startfeldBlau {
	background-color: #0000FF;
	border-radius: 50%;
}

.spiel div.zielfeldBlau {
	background-color: #0000FF;
	border-radius: 25%;
}
